<template>
    <Breadcrumb>
        <BreadcrumbItem v-for="item in currentPath" :to="item" :key="item.name" >
            <span sz0 gray3>{{ itemTitle(item) }}</span>
        </BreadcrumbItem>
    </Breadcrumb>
</template>

<script lang="ts">
import { Component, Vue,Inject, Prop } from 'vue-property-decorator';
import AbpBase from '../lib/abpbase'
@Component
export default class extends AbpBase {
    name:string= 'breadcrumbNav';
    @Prop({type:Array}) currentPath:Array<any>;
    itemTitle (item:any) {
        return this.L(item.meta.title);
    }
}
</script>